<template lang="html">
  <div>
    <nav id="nav" :class="{nofixed:no}">
      <div class="w1200">
        <router-link to="/">
          <div class="logo inline fl"></div>
        </router-link>
        <div class="logo2 inline fl"></div>
        <div class="navs inline">
          <router-link to="/">首页</router-link>
          <router-link to="/park" :class='{active:isActPark}'>空间</router-link>
          <router-link to="/activity" :class='{active:isActAct}'>活动</router-link>
          <router-link to="/service">服务</router-link>
          <router-link to="/capital">资本</router-link>
          <!-- <router-link to="/news">资讯</router-link> -->
          <router-link to="/ts-index" target="_blank"><i class="icon icon-ts ver-middle"></i>天沙学院</router-link>
        </div>
        <div class="toptel fr">
          <i class="icon icon-tel ver-middle"></i>4008-260-272
        </div>
        <!-- <div class="login fr">
          <router-link to="#">登录 &nbsp;|&nbsp; 注册</router-link>
        </div> -->
      </div>
    </nav>
  </div>
</template>

<script>
export default {
  props:{
    isActPark:Boolean,
    isActAct:Boolean,
    no:Boolean
  },
  data(){
    return{
      // isAct: false
    }
  },
}
</script>

<style lang="less">
nav{
  width: 100%;background-color: #fff;
  height: 75px;line-height: 75px;border-bottom: 1px solid #f5a41d;z-index: 999999;
  position: fixed;left:0;top:0;
  &.nofixed{position: static;}
  .logo{
    width: 92px; height: 37px;margin-top: 18px;
    background: url('../../assets/images/css_sprites_index.png') -5px -52px;
  }
  .logo2{
    width: 119px; height: 37px;margin-left: 8px;margin-top: 20px;
    background: url('../../assets/images/css_sprites_index.png') -5px -5px;
  }
  .navs{
    margin-left: 80px;color: #666;
    a{
      margin-left: 48px;font-size: 14px;
      &.active,&:hover{color: #ffb040;}
      .icon-ts{
        width: 24px; height: 23px;
        background: url('../../assets/images/css_sprites_index.png') -58px -99px;margin-right: 6px;
      }
    }
    .router-link-exact-active{color: #ffb040;}
  }
  .login{font-size: 12px;}
  .toptel{
    font-size: 16px;color: #ffb040;font-weight: bold;
    .icon-tel{
      width: 16px; height: 16px;
      background: url('../../assets/images/css_sprites_index.png') -107px -52px;
      margin: 0 6px 0 35px;
    }
  }
}
</style>
